<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width">
<script src="/resources/js/jquery.1.9.1.min.js"></script>
<script src="/resources/js/bootstrap.min.js"></script>
<script src="/resources/js/videoFunction.js"></script>
<title>Insert title here</title>
<script>
	$(function() {
		load_hot_videos();
	});
</script>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
	<tiles:insertDefinition name="tabletDefaultTemplate2">
		<tiles:putAttribute name="body">
			<div class="mainVideo">
				<div class="leftVideo">
					<div class="videoDetails">
						<div class="videoFrame">
							<iframe width="708" height="410"
								src="https://www.youtube.com/embed/${video.youtubeId}"
								frameborder="0" allowfullscreen></iframe>
						</div>
						<div class="info">
							<h1>${video.title}</h1>
							<div class="stats">
								<div class="numbers">
									<span class="views" style="padding-right: 10px"><fmt:formatNumber pattern="#,###,##0" value="${video.viewNumber}"/></span>
									<span class="comments"><fmt:formatNumber pattern="#,###,##0" value="${video.commentNumber}"/></span>
								</div>
								<div class="clear"></div>
							</div>
						</div>
						<div class="commentContainer">
							<h4>Bình luận</h4>
							<div class="fb-comments"
								data-href="http://trollvl.com/video/${video.id}" data-width="688"
								data-colorscheme="light" mobile="auto-detect"></div>
						</div>
					</div>
				</div>
				<div class="rightVideo">
				<div id="hot-video"></div>
				</div>
			</div>
		</tiles:putAttribute>
	</tiles:insertDefinition>
</body>
</html>